<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div id="app">
        <h1> {{ msg }} </h1>
        <h1> {{ typeof msg }} </h1>
        <p> {{num}} </p>
        <p> {{typeof num}} </p>
        <p> {{num-1}} </p>
        <p> {{num+1}} </p>
        <p> {{flag ? "hello" : "world"}} </p>
        <p> {{typeof flag}} </p>
        <p> {{num>10 ? num : "0"+num}} </p>
        {{ "vue定义的数据变量" }} - 
        {{ "简单的js语句：三目" }} - 
        {{ "简单的js语句：比较" }} - 
        {{ "简单的js语句：运算" }} - 
        普通文本
    </div>
</body>
<script src="./libs/vue.min.js"></script>
<script>
    // console.log(Vue);
    // 创建一个vue实例，一个vue实例会对应一个功能，或一个组件，或一个项目
    // const vm = new Vue({});
    // vm.xxx
    // 定义Vue的全局修饰，添加全局功能，或全局组件
    // Vue.xxx();

    const vm = new Vue({
        el:"#app",
        data(){
            return {
                msg:"hello vue",
                num:5,
                flag:true
            }
        }
    });


</script>
</html>